<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>6个文本框</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="layui/layui.js"></script>
    <style>
        .d-box {
            box-shadow: 4px 4px 16px #757575;
            border-radius: 4px;
            background: #fff;
            margin-top: 30px;
            height: 200px;
            width: 90%;
        }

        .d-text {
            margin-left: 0px;
            border: 1px solid #adadad;
            border-radius: 4px;
            width: 97%;
            margin: 0 auto;
            margin-top: 10px;
        }
    </style>
</head>

<body style="background-color:rgb(236, 236, 236)">

    <form class="layui-form" action="" style="margin: 60px 60px;">
        <div class="layui-row">

            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出1
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出2
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="layui-row">
            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出3
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>

                </div>
            </div>

            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出4
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出5
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>

                </div>
            </div>

            <div class="layui-col-md6">
                <div class="d-box">
                    <div style="padding-top: 10px;">
                        <h2 style="margin-left: 25px;">
                            <i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i>
                            输出6
                        </h2>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <div class="layui-input-block d-text">
                            <textarea name="" placeholder="结果输出" class="layui-textarea" 
                                style="height: 30px;border-radius:4px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div style="width:100%;height: 30px;margin-top: -20px;">
        <button type="button" class="layui-btn layui-btn-lg"
            style="width:130px;margin-right:120px;margin-top:-10px;margin-bottom: 40px;float:right">确 认</button>
    </div>


    <script>
        layui.use('form', function () {
            var form = layui.form;
            form.render();
        });

    </script>


</body>

</html>